﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="GeoWeb.Demo.MainTemplate.index" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="../Script/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="../Script/GeoJS.js" type="text/javascript"></script>
    <style type="text/css">
        .temp{ margin:0px 1% 20px 1%; border:0px solid red; width: 47%; height:400px; float:left; cursor:pointer; text-align:center;}
    </style>
    <script type="text/javascript">
        $(function () {
            $(".temp").click(function () {
                var url = "templates-" + this.id + "/web/main.html";
                var screenX = window.screen.width; //(document.documentElement.clientWidth || document.body.clientWidth)
                var screenY = window.screen.height; //(document.documentElement.clientHeight || document.body.clientHeight)
                GeoJS.common.openWindowMain({ url: url, width: screenX, height: screenY });
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <div class="temp" id="001">
        <iframe src="templates-001/web/main.html" frameborder="0" width="100%" height="100%" style="display:none"></iframe>
            <img src="templates-001/temp.jpg" style="width:99%; height:100%; border:0; margin:auto;" />
        </div>
        <div class="temp" id="002">
            <img src="templates-002/temp.jpg" style="width:99%; height:100%; border:0; margin:auto;" />
        </div>
        <div class="temp" id="003">
            <img src="templates-003/temp.jpg" style="width:99%; height:100%; border:0; margin:auto;" />
        </div>
        <div class="temp" id="005">
            <img src="templates-005/temp.jpg" style="width:99%; height:100%; border:0; margin:auto;" />
        </div>
        <div class="temp" id="006">
            <img src="templates-006/temp.jpg" style="width:99%; height:100%; border:0; margin:auto;" />
        </div>
    </div>
    </form>
</body>
</html>
